<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <meta http-equiv="Cache-Control" content="no-cache" />
    <meta name="description" content="长沙市妇幼医院">
    <link rel="stylesheet" type="text/css" href="./css/area/LArea.css" />
    <link rel="stylesheet" type="text/css" href="./css/order/order_normal.css" />
    <link rel="stylesheet" type="text/css" href="./css/mobiscroll.2.13.2.css" />
    <script src="./js/jquery.min.js"></script>
    <!-- 日期选择 -->
    <script src="./js/mobiscroll.2.13.2.js"></script>
    <script src="./js/area/LAreaData2.js"></script>
    <script src="./js/area/LArea.js"></script>
    <script src="./js/idcard.js"></script>
    <script src="./js/set-customer.js"></script>
    <title>长沙市健康民生项目</title>


    <style>
        .remark {
            font-size: 12px;
            color: #07b8dd;
        }

        .sub-sheet {
            font-size: 12px;
        }
    </style>

    <style>
        body {
            font-family: "Microsoft YaHei UI", "Microsoft YaHei", "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "WenQuanYi Micro Hei", sans-serif;
        }

        h1,
        .h1,
        h2,
        .h2,
        h4,
        .h4,
        h4,
        .h4,
        .lead {
            font-family: "Microsoft YaHei UI", "Microsoft YaHei", "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "WenQuanYi Micro Hei", sans-serif;
        }

        .dw-day {
            font-size: 12px;
        }

        .sub-row {
            height: 30px;
        }

        .serologic-result-div {
            display: flex;
            justify-content: space-around;
            align-items: center;
            height: 50px;
        }

        .serologic-result-item {
            display: flex;
        }

        .serologic-result-item img {
            max-width: 100%;
            height: 17px;
        }

        .serologic-result-item span {
            font-size: 0.8em;
            padding-left: 5px;
        }

        .sel-info img {
            max-width: 100%;
            height: 22px;
            vertical-align: middle;
        }

        .serologic-img {
            width: 87px !important;
            height: 20px !important;
        }

        .sel-note {
            float: right;
            line-height: 46px;
            color: #c9c9c9;
            font-size: 16px;
        }
        .prompt_message_icon {
            float: left;
            padding-top: 11px;
            padding-left: 16px;
            width: 24px;
            height: 24px;
        }
        .prompt_message_s {
            float: left;
            color: #ffffff;
            font-size: 18px;
            padding-left: 0px;
            padding-top: 11px;
            margin: 0;
        }
        .coupon_sel_0{
            background:#e5e5e5;
        }
        .coupon_sel_1{
            background:#ffb9af;
        }
        .coupon_sel_tip{
            font-size:10px;
        }
        .coupon_sel_info{
            width:245px;
            height:60px;
            float:left;
            overflow: auto;
            margin:5px 0 0 0;
            background:rgba(255, 255, 255, 0);
        }
        .coupon_sel_tip{
            font-size:12px;
            height:20px;
            line-height:15px;
        }
        .coupon_sel_name{
            height:30px;
            line-height:24px;
        }
        .coupon_sel_icon{
            display:none;
            height:24px;
            width:24px;
        }
        .coupon_sel_iconbox{
            margin:0 5px 0 0;
            padding:10px 0 0 0;
            float:right;
            width:50px;
            height:60px;
        }
        .coupon_sel_status_0{
            text-align:center;
            font-size: 14px;
            padding:4px 0 0 0;
            height:30px;
            width:50px;
        }
        .coupon_sel_status_1{
            font-size: 14px;
            text-align:center;
            padding:4px 0 0 0;
            height:30px;
            width:50px;
        }
    </style>
    <style>
            /*分页按钮开始*/
            .pagination {
                display: inline-block;
                /*border: 1px solid #CDCDCD;*/
                /*border-radius: 3px;*/
            }
            .pagination a {
                display: block;
                float: left;
                width: 20px;
                height: 20px;
                outline: none;
                border-right: 1px solid #CDCDCD;
                border-left: 1px solid #CDCDCD;
                color: #555555;
                vertical-align: middle;
                text-align: center;
                text-decoration: none;
                font-weight: bold;
                font-size: 16px;
                font-family: Times, 'Times New Roman', Georgia, Palatino; /* ATTN: need a better font stack */
                    
            }
            .pagination a:first-child {
                border: none;
                border-radius: 2px 0 0 2px;
            }
    
            .pagination a:last-child {
                border: none;
                border-radius: 0 2px 2px 0;
            }
    
            .pagination input {
                float: left;
                margin: 0;
                padding: 0;
                width: 120px;
                height: 20px;
                outline: none;
                border: none;
                vertical-align: middle;
                text-align: center;
            }
    
            /* gigantic class for demo purposes */
    
            .gigantic.pagination {
                margin: 10px 0;
            }
    
            .gigantic.pagination a {
                height: 40px;
                width: 40px;
                font-size: 30px;
                line-height: 30px;
            }
    
            .gigantic.pagination input {
                width: 120px;
                height: 30px;
                font-size: 14px;
            }
            /*分页按钮结束*/
            .remark {
                font-size: 12px;
                color: #07b8dd;
            }
    
            .sub-sheet {
                font-size: 12px;
            }
            /*搜索框*/
            div.search {
                padding: 10px 0;
            }
            .searchD1 {
                position: relative;
                width: 200px;
                margin: 5px 0 0 10px;
            }
            div.search {
                background: #dfdfdf;
            }
            div.search input {
                width: 100%;
                height: 30px;
                padding-left: 10px;
                border: 2px solid #7BA7AB;
                border-radius: 5px;
                outline: none;
                background: #F9F0DA;
                color: #9E9C9C;
            }
            div.search button {
                position: absolute;
                top: 0;
                right: -18px;
                width: 50px;
                height: 100%;
                border: none;
                background: #7BA7AB;
                border-radius: 0 5px 5px 0;
                cursor: pointer;
            }
            .jixing{
                display: none;
            }
            #oaf{
                float: right;
                height: 50px;
                width: 150px;
                appearance: none;
                appearance: none;
                -moz-appearance: none;
                -webkit-appearance: none;
                border: none;
                outline: none;
                font-size: 16px;
                direction: rtl;
                background: #fff;
            }
            .zhezhao2{
                position: fixed;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                background: #000;
                opacity: 0;
                display: none;
            }
            .loading{
                position: fixed;
                left: 50%;
                top: 50%;
                transform: translate(-50%,-50%);
                padding: 10px;
                text-align: center;
                background: #000000;
                opacity: 0.8;
                border-radius: 5px;
                color: #fff;
                font-size: 16px;
                display: none;
            }
        .sheet-rows{
            display: flex;
        }
        .sheet-row-left{
            flex: 1;
            display: flex;
            align-items: center;
            margin-right: 15px;
        }
        .sheet-row-left .input-title{
            line-height: normal;
        }
        .sheet-row-right{
            width: 70px;
        }
        </style>
    <script src="./js/order/nifty_sheet.js"></script>
    <script type="text/javascript">
        var BASEURL = '';
        var orderData = '';
        var area2 = new LArea();

        $(function () {
            var curr = new Date().getFullYear();
            var currMonth = new Date().getMonth() + 1;
            var opt = {};
            opt.date = { preset: 'date' };
            opt.datetime = { preset: 'datetime' };
            opt.default = {
                theme: 'android-holo light', //皮肤样式
                display: 'modal', //显示方式
                mode: 'scroller', //日期选择模式
                dateFormat: 'yyyy-mm-dd',
                lang: 'zh',
                showNow: false,
                stepMinute: 5,
                startYear: 1920, //开始年份
                endYear: curr + 0 //结束年份
            };
            //初始化日期选择控件mobiscroll
            $('.settings').bind('click', function () {//采样日期

                var demo = 'datetime';
                if (!demo.match(/select/i)) {
                    $('.demo-test-' + demo).val('');
                }
                $('.demo-test-' + demo).scroller('destroy').scroller($.extend(opt['date'], opt['default']));

                $('.demo').hide();
                $('.demo-' + demo).show();
            });
            $('#demo').trigger('click');
            if (orderData) {
                var obj = JSON.parse(orderData);
                $("#lastPeriod").val(obj.lastMenstrualPeriod);
            }
            $('.settings1').bind('click', function () {//末次月经

            var demo = 'datetime';
            if (!demo.match(/select/i)) {
                $('.demo-test-' + demo).val('');
            }
            $('.demo-test-' + demo).scroller('destroy').scroller($.extend(opt['date'], opt['default']));
            $('.demo').hide();
            $('.demo-' + demo).show();
            });
            $('#demo1').trigger('click');
        });

        function areaInit() {
            area2.init({
                'trigger': '#area-opt',
                'valueTo': '#area-value',
                'keys': {
                    id: 'value',
                    name: 'text'
                },
                'type': 2,
                'data': [provs_data, citys_data, dists_data]
            });
        }
        //选择单位
        function selCustomer(obj){
            var id = obj.id;
            var value = $("#"+id).data("value");
            var input_value = $("#"+id).data("input");
            //alert(value);
            if(value.length > 15){
                value = value.substring(0,12) + '...';
            }
            $("#customer-value").text(value);
            $("#customer-value").css('color','#333');
            $("#customer").val(input_value);
            $("#customerName").val(value)
            //关闭浮层
            closeSelTips('customerSelDiv');
        }
        var queryCustomer={};
        //搜索客户
        function searchCustom() {
            var queryStr = $('#searchStr').val();
            doQuery();
        }
        var totalPage=0
        function doQuery() {
            $.ajax({
                type: "post",
                url: BASEURL+"/csfy/intf.do",
                data: {
                    method:'getCustomers',
                    addressCity:'长沙市',
                    productCode:'DX0558'
                },
                dataType: "json",
                success: function (data) {
                    var rows = data.rows;
                    var total = data.total;
                    var info = '0/0';
                    if (total && total != 0) {
                        totalPage = Math.ceil(parseInt(total) / queryCustomer.rows);
                        info = queryCustomer.page + ' / ' + totalPage;
                    }
                    $('#pageInfo').attr('value', info)
                    if (queryCustomer.page < totalPage) {
                        queryCustomer.page = queryCustomer.page + 1;
                    }
                    var cusStr = '';
                    if (rows) {
                        for (var key in rows) {
                            var obj = rows[key];
                            var str = '<li id="customer-' + key + '" data-input="' + obj['customerCode'] + '" data-value="' + obj['customerName'] + '" class="sel-info" onclick="selCustomer(this);">' + obj['customerName'] + '</li><div class="input-line"></div>';
                            cusStr += str;
                        }
                        $('#customerBox').html(cusStr);
                    } else {
                        var str = '<li style="text-align:center;color: #00afee;" id="customer-' + 0 + '" data-input="' + '' + '" data-value="' + '' + '" class="sel-info" onclick="selCustomer(this);">' + '没有数据' + '</li><div class="input-line"></div>';
                        $('#customerBox').html(str);
                    }
                },
                error: function (err) {
                    alert("err"+JSON.stringify(err));
                }
            });
        }
//选择样本类型
function selsampleType(obj){
    var id = obj.id;
    var value = $("#"+id).data("value") ;
    var input_value = $("#"+id).data("input");
    //alert(value);
    $("#sampleType-value").text(value);
    $("#sampleType-value").css('color','#333');
    $("#sampleType").val(input_value);
    //关闭浮层
    closeSelTips('sampleTypeSelDiv');

}
    </script>
</head>

<body onload="orderSheetOnLoad();">
    <!--送检单信息-->
    <form id="actform" name="actform" method="post">
        <input class="submit" id="id" name="id" type="hidden" value="1000862" />
        <input id="needOtherReport" name="needOtherReport" type="hidden" value="1" />
        <!--顶部图标-->
        <div class="sheet-title">
            <div style="padding:10px 0 10px 0;font-size:24px;color:#07b8dd;text-align:center;">NIPT检测</div>
            <div onclick="useCoupon()" style="margin:0 auto; overflow:hidden;">
                <img id="coupon_icon" class="prompt_message_icon" style="display:block;width:24px;height:24px;" src="./images/order/coupon.png">
                <div id="coupon_title" class="prompt_message_s" style="color: red;margin:0 0 10px 10px;cursor:pointer;">点击使用免费券</div>
            </div>
        </div>

        <!--必填项-->
        <div class="sheet-box">
            <!--<input id="customer" name="customerCode" type="hidden" class="submit" value="">-->
            <!--<input id="customerName" name="customerName" type="hidden" class="submit" value="">-->
            <!--<div class="sheet-row" onclick="openSelectTip('customerSelDiv')"><span class="input-title"><span style="color: #c00">*</span>送检单位</span>-->
                <!--<div class="select-right" id="customerSel">-->
                    <!--<p><span id="customer-value">请选择送检单位</span><span><img class="tips-icon" src="./images/order/select-icon.png" alt="select icon"/></span></p>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="input-line"></div>-->
            <div class="sheet-row"><span class="input-title">科室</span><img id="weight-tips" class="tips-icon" style="height:20px;padding-bottom: 6px; display: none;" src="./images/order/qs-tip-redonly.png" alt="tips icon"/>
                <input id="office" name="departments" type="text" style="width: 45%;" placeholder="请输入送检科室" value=""/>
            </div>
            <div class="input-line"></div>
                <div class="sheet-row">
                    <div class="date-pick">
                        <span class="input-title"><span style="color: #c00">*</span>采样日期</span><img id="bloodDate-tips" class="tips-icon" style="height:20px;padding-bottom: 6px; display: none;" src="./images/order/qs-tip-redonly.png" alt="tips icon"/>
                        <div class="settings1" style="display:none;">
                            <select name="demo1" id="demo1">
                                <option value="date">日期</option>
                            </select>
                        </div>
                        <input name="bloodDate" id="bloodDate"
                            class="submit demo-test-date demo-test-datetime demo-test-time demo-test-credit"
                            placeholder="请选择采样日期"
                            style="padding-top:4px" onchange="" value=""/>
                    </div>
                    <span style="float:right"><img class="tips-icon date-pick-img" src="./images/order/select-icon.png" alt="select icon"/></span>
                </div>
                <div class="input-line"></div>
            <div class="sheet-row">
                <span style="color: #c00">*</span><span class="input-title">姓名</span>
                <input class="submit" id="name" name="sampleName" type="text" placeholder="请输入孕妇的名字" value="" />
            </div>
            <div class="input-line"></div>
            <div class="sheet-row">
                <span style="color: #c00">*</span><span class="input-title">手机号</span>
                <input class="submit" id="phone" name="motherPhoneNum" type="tel" placeholder="请输入孕妇的手机号码" onchange="checkMobile('phone')"
                    value="" />
            </div>
            <div class="input-line"></div>
            <div class="sheet-row">
                <span class="input-title">丈夫电话</span>
                <input class="submit" id="icephone" name="husbandPhoneNum" type="tel" placeholder="请输入手机号码" onchange="checkMobile('icephone')"
                    value="" />
            </div>
            <div class="input-line"></div>
            <input class="submit" id="idType" name="idCardType" type="hidden" value="0">
            <div class="sheet-row chooseType" onclick="openSelectTip('idTypeSelectDiv')">
                <span style="color: #c00">*</span><span class="input-title">证件类型</span>
                <div class="select-right" id="idSelect">
                    <p>
                        <span id="idType-value">身份证</span>
                        <span>
                            <img class="tips-icon" src="./images/order/select-icon.png" alt="select icon" />
                        </span>
                    </p>
                </div>
            </div>
            <div id="idType-line" class="input-line"></div>
            <div id="idNumberDiv" class="sheet-row">
                <span style="color: #c00">*</span><span class="input-title">证件号码</span>
                <input class="submit" id="idnumber" name="idCard" type="text" placeholder="请输入领券时绑定的证件号码" onchange="checkIdNumber('idnumber')"
                    onkeyup="transX(this)" value="" />
            </div>
            <div class="input-line"></div>
            <div class="sheet-row">
                <span style="color: #c00">*</span><span class="input-title">年龄</span>
                <img id="height-tips" class="tips-icon" style="height:20px;padding-bottom: 6px; display: none;"
                    src="./images/order/qs-tip-redonly.png" alt="tips icon" />
                <input class="submit" id="age" name="sampleAge" type="number" style="width: 45%;" onchange="checkAge();" step="1" placeholder="请输入孕妇的年龄" value=""
                />
            </div>
        </div>

        <!--孕周控制-->
        <div class="sheet-box">
            <div class="sheet-row">
                <div class="date-pick">
                    <span style="color: #c00">*</span><span class="input-title">末次月经</span>
                    <img id="lastPeriod-tips" class="tips-icon" style="height:20px;padding-bottom: 6px; display: none;"
                        src="./images/order/qs-tip-redonly.png" alt="tips icon" />
                    <div class="settings" style="display:none;">
                        <select name="demo" id="demo">
                            <option value="date">日期</option>
                        </select>
                    </div>
                    <input name="lmp" id="lastPeriod" class="submit demo-test-date demo-test-datetime demo-test-time demo-test-credit" placeholder="请选择末次月经"
                        style="padding-top:4px" onchange="countYun(this);" value="" />
                </div>
                <span style="float:right">
                    <img class="tips-icon date-pick-img" src="./images/order/select-icon.png" alt="select icon" />
                </span>
            </div>

            <div class="input-line"></div>
            <div class="sheet-row sheet-input sub-input">
                <span style="color: #c00">*</span><span class="input-title">孕周</span>
                <img id="yunzh-tips" class="tips-icon" style="height:20px;padding-bottom: 6px; display: none;" src="./images/order/qs-tip-redonly.png"
                    alt="tips icon" />
                <p id="yunzh" data-flag="0">
                    <input class="submit" id="gestationalWeeks" name="gestationalWeeks" type="hidden">
                    <input class="submit" id="gttWeek" name="gttWeek" type="number" onchange="checkGttWeek('gttWeek');" onfocus="upbody('yunzh');" value=""
                    />&nbsp;周&nbsp;&nbsp;
                    <input class="submit" id="gttDay" name="gttDay" type="number" onchange="checkGttDay('gttDay')" value="" />&nbsp;天
                </p>
            </div>
            <div class="input-line"></div>
            <div class="sheet-row">
                <span style="color: #c00">*</span><span class="input-title">身高(厘米)</span>
                <img id="height-tips" class="tips-icon" style="height:20px;padding-bottom: 6px; display: none;"
                    src="./images/order/qs-tip-redonly.png" alt="tips icon" />
                <input class="submit" id="height" name="bodyHeight" type="number" style="width: 45%;" onchange="checkHeight();" step="1" placeholder="请输入孕妇的身高"
                    value="" />
            </div>
            <div class="input-line"></div>
            <div class="sheet-row">
                <span style="color: #c00">*</span><span class="input-title">体重(公斤)</span>
                <img id="weight-tips" class="tips-icon" style="height:20px;padding-bottom: 6px; display: none;"
                    src="./images/order/qs-tip-redonly.png" alt="tips icon" />
                <input class="submit" id="weight" name="bodyWeight" type="number" style="width: 45%;" onchange="checkWeigth('weight');" placeholder="请输入孕妇的体重"
                    value="" />
            </div>
            <div class="input-line"></div>
            <div class="sheet-row">
                <span class="input-title">NT测定值（mm）</span>
                <input class="submit" id="ntValue" name="ntValue" type="number" style="width: 45%;" placeholder="请输入"value="" />
            </div>
            <div class="input-line"></div>
            <div class="sheet-row">
                <span class="input-title">21三体综合症</span>
                <input class="submit" id="trisomy21" name="trisomy21" type="number" style="width: 45%;" placeholder="请输入"value="" /><label style="float: right;height: 50px;line-height: 50px">1/</label>
            </div>
            <div class="input-line"></div>
            <div class="sheet-row">
                <span class="input-title">18三体综合症</span>
                <input class="submit" id="trisomy18" name="trisomy18" type="number" style="width: 45%;" placeholder="请输入"value="" /><label style="float: right;height: 50px;line-height: 50px">1/</label>
            </div>

            <div class="input-line"></div>
            <input class="submit" type="hidden" id="pregnancy" name="pregnancy" value="">
            <input class="submit" type="hidden" name="zrsy" value="" />
            <input class="submit" type="hidden" name="cpl" value="" />
            <input class="submit" type="hidden" name="gnrgsj" value="" />
            <div class="sheet-row">
                <span style="color: #c00">*</span><span class="input-title">本次妊娠</span>
                <img id="gestation-tips" class="tips-icon" style="height:20px;padding-bottom: 6px; display: none;"
                    src="./images/order/qs-tip-redonly.png" alt="tips icon" />
                <p id="gestation" onclick="openSelectTip('gestationSel');">
                    <span id="gestation-value"></span>
                    <img class="tips-icon" src="./images/order/select-icon.png" alt="select icon" />
                </p>
                <span id="gestation-sel-note" onclick="openSelectTip('gestationSel');" class="sel-note">请选择本次妊娠</span>
            </div>
        </div>
        <div class="sheet-box">
            <input class="submit" id="shuxue-input" name="allogeneticTransfusion" type="hidden" value="" />
            <div class="sheet-row sheet-rows">
                <div class="sheet-row-left">
                    <span style="color: #c00">*</span><span class="input-title">一年内是否有过异体输血</span>
                    <img id="shuxue-tips" class="tips-icon" style="height:20px;padding-bottom: 6px;" src="./images/order/qs-tip.png"
                         onClick="tipsMsg('shuxue');" alt="tips icon" />
                </div>
                <p id="shuxue" class="radio-text  sheet-row-right">
                    <img id="shuxue-yes" src="./images/order/radio-def.png" onClick="radioYes('shuxue');" alt="radio icon" />是
                    <img id="shuxue-no" class="radio-icon-right" onClick="radioNo('shuxue');" src="./images/order/radio-def.png"
                        alt="radio icon" />否
                </p>
            </div>
            <div class="input-line"></div>

            <input class="submit" id="yizhi-input" name="surgicalTransplantation" type="hidden" value="" />
            <div class="sheet-row sheet-rows">
                <div class="sheet-row-left">
                    <span style="color: #c00">*</span><span class="input-title">是否做过移植手术</span>
                    <img id="yizhi-tips" class="tips-icon" style="height:20px;padding-bottom: 6px;" src="./images/order/qs-tip.png"
                         onClick="tipsMsg('yizhi');" alt="tips icon" />
                </div>
                <p id="yizhi" class="radio-text  sheet-row-right">
                    <img id="yizhi-yes" src="./images/order/radio-def.png" onClick="radioYes('yizhi');" alt="radio icon" />是
                    <img id="yizhi-no" class="radio-icon-right" onClick="radioNo('yizhi');" src="./images/order/radio-def.png"
                         alt="radio icon" />否
                </p>
            </div>
            <div class="input-line"></div>

            <input class="submit" id="mianyi-input" name="cellularImmunity" type="hidden" value="" />
            <div class="sheet-row sheet-rows">
                <div class="sheet-row-left">
                    <span style="color: #c00">*</span><span class="input-title">四周内是否做过免疫治疗
                    <img id="mianyi-tips" class="tips-icon" style="height:20px;padding-bottom: 6px;" src="./images/order/qs-tip.png"
                         onClick="tipsMsg('mianyi');" alt="tips icon" />
                     </span>
                </div>
                <p id="mianyi" class="radio-text  sheet-row-right">
                    <img id="mianyi-yes" src="./images/order/radio-def.png" onClick="radioYes('mianyi');" alt="radio icon" />是
                    <img id="mianyi-no" class="radio-icon-right" onClick="radioNo('mianyi');" src="./images/order/radio-def.png"
                        alt="radio icon" />否
                </p>
            </div>

            <div class="input-line"></div>
            <input class="submit" id="gxb-input" name="stemCell" type="hidden" value="" />
            <div class="sheet-row sheet-rows">
                <div class="sheet-row-left">
                    <span style="color: #c00">*</span><span class="input-title">是否做过干细胞治疗
                    <img id="gxb-tips" class="tips-icon" style="height:20px;padding-bottom: 6px;" src="./images/order/qs-tip.png"
                         onClick="tipsMsg('gxb');" alt="tips icon" />
                    </span>
                </div>

                <p id="gxb" class="radio-text  sheet-row-right">
                    <img id="gxb-yes" src="./images/order/radio-def.png" onClick="radioYes('gxb');" alt="radio icon" />是
                    <img id="gxb-no" class="radio-icon-right" onClick="radioNo('gxb');" src="./images/order/radio-def.png"
                        alt="radio icon" />否
                </p>
            </div>
            <div class="input-line"></div>
            <input class="submit" id="ivf-input" name="adosculation" type="hidden" value="" />
            <div class="sheet-row sheet-rows">
                <div class="sheet-row-left">
                    <span style="color: #c00">*</span><span class="input-title">是否IVF(试管婴儿)</span>
                </div>
                <p id="ivf" class="radio-text  sheet-row-right">
                    <img id="ivf-yes" src="./images/order/radio-def.png" onClick="radioYesCom('ivf');" alt="radio icon" />是
                    <img id="ivf-no" class="radio-icon-right" onClick="radioNoCom('ivf');" src="./images/order/radio-def.png"
                        alt="radio icon" />否
                </p>
            </div>
            <div class="input-line"></div>
            <input class="submit" id="deformed-input" name="oafNum" type="hidden" value="" />
            <div class="sheet-row sheet-rows">
                <div class="sheet-row-left">
                    <span class="input-title">畸形儿孕产史</span>
                </div>
                <p id="deformed" class="radio-text  sheet-row-right">
                    <img id="deformed-yes" src="./images/order/radio-def.png" onClick="radioYesCom('deformed');" alt="radio icon"
                    />是
                    <img id="deformed-no" class="radio-icon-right" onClick="radioNoCom('deformed');" src="./images/order/radio-def.png"
                        alt="radio icon" />否</p>
            </div>
            <div class="input-line jixing"></div>
            <div class="sheet-row jixing">
                <span style="color: #c00">*</span><span class="input-title">畸形类型</span>
                <select name="" id="oaf">
                    <option value="">请选择</option>
                    <option value="0">13三体</option>
                    <option value="1">18三体</option>
                    <option value="2">21三体</option>
                    <option value="3">神经管缺陷</option>
                    <option value="4">其他</option>
                </select>
            </div>

            <div class="input-line"></div>
            <div class="sheet-row sheet-rows">
                <div class="sheet-row-left">
                    <input class="submit" id="ivf-btype-input" type="hidden" value="" />
                    <span class="input-title">B超异常</span>
                </div>
                <p class="radio-text sheet-row-right">
                        <img id="ivf-btype-yes" class="radio-icon-right" onClick="radioIvfBType('ivf-btype', '1');" src="./images/order/radio-def.png"
                            alt="radio icon" />是
                    <img id="ivf-btype-no" src="./images/order/radio-def.png" onClick="radioIvfBType('ivf-btype', '0');"
                         alt="radio icon" />否
                </p>
                 
            </div>
             <div id="ivf-btype-desc" class="sheet-row hidden">
                    <div class="input-line"></div>
                    <input class="submit" id="ivfBTypeDesc" name="ivfBTypeDesc" type="text" class="address-input" onchange="checkRemark(this, 'ivf-BType');"
                        placeholder="请输入B超异常信息" value="" />
            </div>
            
            <div class="input-line"></div>
            <input class="submit" id="ivf-BtypeUltrasonic-input" name="btypeUltrasonic" type="hidden" value="" />
            <div class="sheet-row">
                <span style="color: #c00">*</span><span class="input-title">胎数</span>
                <p class="radio-text">
                    <img id="ivf-BtypeUltrasonic-0" src="./images/order/radio-def.png" onClick="radioBtypeUltrasonic('ivf-BtypeUltrasonic', '0');"
                            alt="radio icon" />单胎
                    <img id="ivf-BtypeUltrasonic-1" class="radio-icon-right" onClick="radioBtypeUltrasonic('ivf-BtypeUltrasonic', '1');" src="./images/order/radio-def.png"
                            alt="radio icon" />双胎
                </p> 
            </div> 
            <input class="submit" id="ivf-male-input" name="husbandKaryotype" type="hidden" value="" />
            <input class="submit" id="ivf-female-input" name="gravidaKaryotype" type="hidden" value="" />
            <div class="input-line"></div>
            <div id="ivfSub" class="sheet-box" style="margin: 0px">
                <div class="sheet-row">
                    <span style="color: #c00">*</span><span class="input-title">男方染色体检测</span>
                    <img id="ivf-male-tips" class="tips-icon" style="height:20px;padding-bottom: 6px; display: none;"
                        src="./images/order/qs-tip-redonly.png" alt="tips icon" />
                    <span id="ivf-male-remark-note" class="remark" onclick="showRemark('ivf-male');">点此备注</span>
                    <p id="ivf-male" onclick="openSelectTip('ivfMaleSel');">
                        <span id="ivf-male-value"></span>
                        <img src="./images/order/select-icon.png" alt="select icon" />
                    </p>
                    <span id="ivf-male-sel-note" class="sel-note" onclick="openSelectTip('ivfMaleSel');">请选择</span>
                </div>
                <div id="ivf-male-remark-div" class="sheet-row hidden">
                    <div class="input-line"></div>
                    <input class="submit" id="ivfMaleRemark" name="ivfMaleRemark" type="text" class="address-input" onchange="checkRemark(this, 'ivf-male');"
                        placeholder="请输入男方染色体备注" value="" />
                </div>
                <div class="input-line"></div>
                <div class="sheet-row">
                    <span style="color: #c00">*</span><span class="input-title">女方染色体检测</span>
                    <img id="ivf-female-tips" class="tips-icon" style="height:20px;padding-bottom: 6px; display: none;"
                        src="./images/order/qs-tip-redonly.png" alt="tips icon" />
                    <span id="ivf-female-remark-note" class="remark" onclick="showRemark('ivf-female');">点此备注</span>
                    <p id="ivf-female" onclick="openSelectTip('ivfFemaleSel');">
                        <span id="ivf-female-value"></span>
                        <img src="./images/order/select-icon.png" alt="select icon" />
                    </p>
                    <span id="ivf-female-sel-note" onclick="openSelectTip('ivfFemaleSel');" class="sel-note">请选择</span>
                </div>
                <div id="ivf-female-remark-div" class="sheet-row hidden">
                    <div class="input-line"></div>
                    <input class="submit" id="ivfFemaleRemark" name="ivfFemaleRemark" type="text" class="address-input" onchange="checkRemark(this, 'ivf-female');"
                        placeholder="请输入女方染色体备注" value="" />
                </div>
            </div>
            


            <div id="downModelSubMiddle" class="sheet-box sub-box">
                <div class="sheet-title sub">
                    <div class="sheet-row">
                        <span class="input-title subtitle">中期母血清筛查检测结果</span>
                    </div>
                </div>
                <div class="input-line"></div>
                <div class="sheet-row">
                    <span class="input-title subtitle">唐氏综合征/21三体</span>
                    <div class="subvalue">1/
                        <input class="submit" id="middledown21" name="trisomy21" type="number" onfocus="upbody();" placeholder="数字" />
                    </div>
                </div>
                <div class="sheet-row">
                    <span class="input-title subtitle">18-三体综合征</span>
                    <div class="subvalue">1/
                        <input class="submit" id="middledown18" name="trisomy18" type="number" onfocus="upbody();" placeholder="数字" />
                    </div>
                </div>
                <br/>
            </div>
        </div>

        <!--选填项-->
        <div class="sheet-title">
            <p>选填</p>
        </div>
        <!--选填表单区域开始-->
        <div class="sheet-box">
            <div class="sheet-row">
                <input class="submit" id="province" name="addressProvince" type="hidden" value="" />
                <input class="submit" id="city" name="addressCity" type="hidden" value="" />
                <input class="submit" id="county" name="addressCounty" type="hidden" value="" />

                <div class="date-pick">
                    <span class="input-title">家庭地址</span>
                    <input class="submit" id="area-opt" type="text" readonly="readonly" placeholder="请选择家庭地址" class="area-input" />
                    <input class="submit" id="area-value" type="hidden" />
                    <script>
                        areaInit();
                    </script>
                </div>
                <span style="float:right" onclick="triggerArea();">
                    <img class="tips-icon date-pick-img" src="./images/order/select-icon.png" alt="select icon" />
                </span>
            </div>

            <div class="input-line"></div>
            <div class="sheet-row" style=" margin-left: 25px;">
                <input class="submit" id="address" name="addressStreet" type="text" class="address-input" placeholder="请输入详细地址" value="" />
            </div>
            <div class="input-line"></div>
            <div class="sheet-row">
                <span style="color: #c00">*</span><span class="input-title">怀孕次数</span>
                <input class="submit" id="hysGes" name="pregnancyNum" type="number" onchange="chengeValue(this)" onfocus="upbody();" placeholder="请输入已怀孕次数" />
            </div>
            <div class="input-line"></div>
            <div class="sheet-row">
                <span style="color: #c00">*</span><span class="input-title">活产次数</span>
                <input class="submit" id="hysLab" name="produceNum" type="number" onchange="chengeValue(this)" onfocus="upbody();" placeholder="请输入已分娩次数" />
            </div>

            <div class="input-line"></div>
            <div class="sheet-row">
                <span style="color: #c00">*</span><span class="input-title">自然流产次数</span>
                <input class="submit" id="hysMis" name="naturalAbortionNum" type="number" onchange="chengeValue(this)" placeholder="请输入自然流产次数" />
            </div>
            <div class="input-line"></div>
            <div class="sheet-row">
                <span style="color: #c00">*</span><span class="input-title">死胎病史</span>
                <input class="submit" id="hysStillBirth" name="stillbirthNum" type="number" onchange="chengeValue(this)" placeholder="请输入死胎病史次数" />
            </div> 
            
            <div class="input-line"></div>

            <div class="sheet-row">
                <span style="color: #c00">*</span><span class="input-title">送检医生</span>
                <img id="weight-tips" class="tips-icon" style="height:20px;padding-bottom: 6px; display: none;"
                    src="./images/order/qs-tip-redonly.png" alt="tips icon" />
                <input class="submit" id="doctorName" name="doctorName" type="text" style="width: 45%;" placeholder="请输入送检医生姓名" value="" />
            </div>
            <div class="input-line"></div>

            <div class="sheet-row">
                <span class="input-title">家族史</span>
                <input class="submit" id="familyHeredopathiaDesc" name="familyProduce" type="text" style="width: 45%;" placeholder="请输入是否有相关家族病史"
                    value="" />
            </div>

            <div class="input-line"></div>
            <div class="sheet-row">
                <span class="input-title">临床诊断</span>
                <input class="submit" id="clinicalDiagnosis" name="clinicalDiagnosis" type="text" style="width: 45%;" placeholder="请输入本次妊娠临床诊断" value=""
                />
            </div>
            <div class="sheet-row" style="display: flex;height: 80px;">
                <span class="input-title">备注</span>
                <textarea id="notes" style="flex: 1;height: 60px;margin-left: 20px;border: 1px solid #dfdfdf;"></textarea>
            </div>
        </div>
        <!--选填表单区域结束-->
    </form>

    <div id="ban_bt">
        <button id="bindbtn" onclick="checkForm();">提交</button>
    </div>
    <br/>

    <!-- 遮罩层 -->
    <div id="fade" class="black_overlay"></div>
    <!-- 本次妊娠 -->
    <!--  本次妊娠：自然受孕，促排卵，宫内人工授精  -->
    <div id="gestationSel" class="select_content">
        <ul class="select-ul">
            <li class="sel-title">本次妊娠</li>
            <li data-value="自然受孕" data-input="0" class="sel-info" onclick="selGestation(this);">自然受孕</li>
            <div class="input-line"></div>
            <li data-value="促排卵" data-input="1" class="sel-info" onclick="selGestation(this);">促排卵</li>
            <div class="input-line"></div>
            <li data-value="宫内人工授精" data-input="2" class="sel-info" onclick="selGestation(this);">宫内人工授精</li>
            <div class="input-line"></div>
            <li data-value="以上均无" data-input="3" class="sel-info" onclick="selGestation(this);">以上均无</li>
            <div class="input-line"></div>
        </ul>
    </div>
    <!-- B超选择 -->
    <!--  正常(单胎活) 0；  正常(双胎活)1； 异常(单胎)2； 异常(双胎)3；  正常(多胎活) 4；  异常(多胎) 5   -->
    <div id="bscanSel" class="select_content">
        <div class="sel-title">
            <p>B超结果</p>
        </div>
        <div class="sheet-ul">
            <ul class="select-ul">
                <li id="bscan-0" data-value="单胎正常" data-input="0" class="sel-info" onclick="selBscan(this);">单胎正常</li>
                <div class="input-line"></div>
                <li id="bscan-2" data-value="单胎异常" data-input="2" class="sel-info" onclick="selBscan(this);">单胎异常</li>
                <div class="input-line"></div>
                <li id="bscan-1" data-value="双胎正常" data-input="1" class="sel-info" onclick="selBscan(this);">双胎正常</li>
                <div class="input-line"></div>
                <li id="bscan-3" data-value="双胎异常" data-input="3" class="sel-info" onclick="selBscan(this);">双胎异常</li>
                <div class="input-line"></div>
                <li id="bscan-4" data-value="多胎" data-input="4" class="sel-info" onclick="selBscan(this);">多胎</li>
                <div class="input-line"></div>
                <br/>
            </ul>
        </div>
    </div>
    <!-- 唐筛模式 -->
    <!--  唐筛模式：0 未做；1早期；2中期；3 早中孕期联合筛查   -->
    <div id="downModelSel" class="select_content">
        <ul class="select-ul">
            <li class="sel-title">唐筛模式</li>
            <li id="down-0" data-value="未做" data-input="0" class="sel-info" onclick="selDownModel(this);">未做</li>
            <div class="input-line"></div>
            <li id="down-1" data-value="早期筛查" data-input="1" class="sel-info" onclick="selDownModel(this);">早期筛查</li>
            <div class="input-line"></div>
            <li id="down-2" data-value="中期筛查" data-input="2" class="sel-info" onclick="selDownModel(this);">中期筛查</li>
            <div class="input-line"></div>
            <li id="down-3" data-value="早中期联合筛查" data-input="3" class="sel-info" onclick="selDownModel(this);">早中期联合筛查</li>
            <div class="input-line"></div>
        </ul>
    </div>

    <!-- 核型检测 -->
    <!--  0未检查、1正常、2异常  -->
    <div id="ivfMaleSel" class="select_content">
        <ul class="select-ul">
            <li class="sel-title">男方核型检测</li>
            <li id="ivf-1" data-value="正常" data-input="1" class="sel-info" onclick="selIvf(this, 'ivfMaleSel');">正常</li>
            <div class="input-line"></div>
            <li id="ivf-2" data-value="异常" data-input="2" class="sel-info" onclick="selIvf(this, 'ivfMaleSel');">异常</li>
            <div class="input-line"></div>
            <li id="ivf-0" data-value="未做" data-input="0" class="sel-info" onclick="selIvf(this, 'ivfMaleSel');">未做</li>
            <div class="input-line"></div>
        </ul>
    </div>
    <div id="ivfFemaleSel" class="select_content">
        <ul class="select-ul">
            <li class="sel-title">女方核型检测</li>
            <li id="ivf-f-1" data-value="正常" data-input="1" class="sel-info" onclick="selFemaleIvf(this, 'ivfFemaleSel');">
                正常
            </li>
            <div class="input-line"></div>
            <li id="ivf-f-2" data-value="异常" data-input="2" class="sel-info" onclick="selFemaleIvf(this, 'ivfFemaleSel');">
                异常
            </li>
            <div class="input-line"></div>
            <li id="ivf-f-0" data-value="未做" data-input="0" class="sel-info" onclick="selFemaleIvf(this, 'ivfFemaleSel');">
                未做
            </li>
            <div class="input-line"></div>
        </ul>
    </div>
    <!--================================================== -->
    <div id="idTypeSelectDiv" class="select_content">
        <ul class="select-ul">
            <li class="sel-title">请选择证件类型</li>
            <li id="idtype-0" data-input="0" data-value="身份证" class="sel-info" onclick="selIdType(this, 'idTypeSelectDiv');">
                身份证
            </li>
            <div class="input-line"></div>
            <li id="idtype-1" data-input="1" data-value="护照" class="sel-info" onclick="selIdType(this, 'idTypeSelectDiv');">
                护照
            </li>
        </ul>
    </div>
    <!-- 选择优惠券 -->
    <div id="couponSelDiv" class="select_content" style="height:100%;background: #ffffff">
        <div class="search">
            <div>
                <div style="height:40px;text-align:center;font-size:24px;padding:20px 0 0 0;margin:10px 0 10px 0;">已领取的免费券</div>
            </div>
            <a type="button" onclick="closeSelTips('couponSelDiv');" style="color:#07b8dd; position:absolute;right:10px;top:35px; height: 25px;">返回</a>
        </div>
        <div class="input-line" style="width: 100%;"></div>
        <div style="height: 80%; overflow:hidden; background: #ffffff">
            <ul id="couponBox" class="select-ul" style="overflow:auto; height: 100%; -webkit-overflow-scrolling : touch;">
                <li style="text-align:center;margin-left:auto;margin-right:auto;color: #00afee;" id="customer-0" data-input="" data-value="" class="sel-info" onclick="selCoupon(this);">
                    <span >您还没有免费券,您可以在公众号点击菜单我的服务-->领取免费券</span>
                </li>
            </ul>
        </div>
     </div>
     <div id="customerSelDiv" class="select_content" style="height:100%;background: #dfdfdf">
        <div class="search" style="width:100%;">
            <div class="searchD1">
                <!-- <input id="searchStr" type="text" placeholder="请输入医院关键字...">
                <button type="submit" onclick="searchCustom();">搜索</button> -->
            </div>
            <div style="text-align:center;font-size:30px;">请选择医院</div>
            <a type="button" onclick="closeSelTips('customerSelDiv');" style="color:#07b8dd; position:absolute;right:10px;top:25px; height: 25px;">取消</a>
        </div>
        <div class="input-line" style="width: 100%;"></div>
        <div style="height: 90%; overflow:hidden; background: #ffffff">

            <ul id="customerBox" class="select-ul" style="overflow:auto; height: 80%; -webkit-overflow-scrolling : touch;">
                <li style="text-align:center;margin-left:auto;margin-right:auto;color: #00afee;" id="customer-0" data-input="" data-value="" class="sel-info" onclick="selCustomer(this);">
                    <span >没有数据</span>
                </li>

            </ul>
        </div>
    </div>
    <!-- 提示框 -->
    <div id="tipDia" class="tips">
        <p id="tipmsg" class="tips-msg"></p>
        <div class="tips-line"></div>
        <p class="tips-close" onclick="closeTips();">知道了</p>
    </div>


</body>

</html>